<template>
    <!-- 买入申请 -->
    <view>
        <view
            class="status_bar"
            :style="{ height: iStatusBarHeight + 'px' }"
        ></view>
        <view class="title_box">
            买入结果
            <text class="title_nav" @tap="tapHome">完成</text>
        </view>
        <view class="centent">
            <view class="image_box">
                <image
                    src="../../static/image/icon_mairujieguo_shenqingchenggong@2x.png"
                    mode=""
                ></image>
                <text>申请成功</text>
            </view>
            <view class="bt_name">
                <text>{{ list.name }}</text>
                <text>
                    {{ list.text }}
                    <text class="bold">元</text>
                </text>
            </view>
            <view class="text_box">
                <view>
                    <u-steps
                        direction="column"
                        :list="numList"
                        :current="0"
                    ></u-steps>
                </view>
                <view class="btm_text">
                    <text @tap="tapHome()">想再买点？去理财逛逛</text>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            numList: [
                {
                    name: "买入成功",
                },
                {
                    name: "预计 6-19 14:00前确认份额",
                },
                {
                    name: "预计 6-20 开始查看盈亏",
                },
            ],
            list: "",
            iStatusBarHeight: 0,
        };
    },
    onLoad(option) {
        this.list = option;
        this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
    },
    methods: {
        tapHome() {
            uni.navigateTo({
                url: "../home/Home",
            });
        },
        homeTap() {
            this.tapHome();
        },
    },
};
</script>

<style lang="scss">
@import "css/purchase_Ba3.scss";
.status_bar {
    height: var(--status-bar-height);
    width: 100%;
    background-color: #007aff;
}
</style>
